<template>
  <div class="dashboard-container">
    <!-- native 修饰符 -->
    <!-- <father-com :num="count">11</father-com> -->

    <!-- sync 修饰符 -->
    <!-- <father-component>222</father-component> -->

    <!-- slot 插槽 -->
    <father-com>11</father-com>
  </div>
</template>

<script>
import FatherCom from './slot/FatherCom.vue'
// import FatherComponent from './sync/FatherComponent.vue'
// import FatherCom from './native/FatherCom.vue'

export default {
  name: 'Dashboard',
  components: { FatherCom },
  // components: { FatherComponent },
  // components: { FatherCom },
  data() {
    return {
      count: 10,
      obj: { name: '张三' }
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
